body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 18px;
	background-color: #2c2c29;
	color: #fff;
}

#wrapper {
	position: relative;
	width: 90%;
	min-height: 500px;

	margin: 50px auto;
	padding: 15px 20px 20px 20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 5px 5px 5px #000;
	-moz-box-shadow: 5px 5px 5px #000;
	color: #000;
	background-color: #fff;
}

h1 {
	margin: 0;
}

#fila_espera, #entrada {
	height: 300px;
	float: left;
}

#fila_espera {
	width: 900px;
}

#entrada {
	width: 200px;
}


#entrada {
	text-align: left;
}

.buttons {
	width: 20px;
	height: 20px;
}


#fila_espera .pessoa:first-child {
	background-image:url('img/chegada_cinza.png');
	margin-left: 60px;
}

.atendente {
	vertical-align: text-bottom;
	background-image:url('img/fila_vazia.png');
	background-size: cover;
	padding: 1px;
	width: 70px;
	height: 100px;
	float: right;
}

.pessoa {
	font-size: x-small;
	vertical-align: text-bottom;
	color: red;
	background-image:url('img/boneco_cinza.png');
	background-size: cover;
	padding: 1px;
	width: 70px;
	height: 100px;
	float: right;
}
.pessoa_saindo {
	text-align: right;
	vertical-align: text-bottom;
	background-size: cover;
	padding: 1px;
	width: 70px;
	height: 100px;
	float: right;
}
